/* 整棵树的样式 */
.tree {
    margin-top: 5px;
    margin-left: 5px;
}

/* 树的条目默认样式 */
.tree_item {
    width: 100%;
    height: 20px;
    display: flex;
    margin-top: 5px;
}

/* 树的条目选中样式 */
.tree_item_select {
    width: 100%;
    height: 20px;
    display: flex;
    margin-top: 5px;
    background-color: azure;
}

/* 树的图标公共样式 */
.tree_icons {
    width: 20px;
    height: 18px;
    overflow: hidden;
    display: inline-block;
}

/* 条目展开左侧三角形（目录） */
.folder-expand-left {
    background: url(../images/tree_icons.png) no-repeat -20px 0;
    overflow: hidden;
}

/* 条目展开图标（目录） */
.folder-expand {
    background: url(../images/tree_icons.png) no-repeat -224px 0;
    overflow: hidden;
}

/* 条目关闭左侧三角形（目录） */
.folder-close-left {
    background: url(../images/tree_icons.png) no-repeat 0px 0;
    overflow: hidden;
}

/* 条目关闭图标（目录）*/
.folder-close {
    background: url(../images/tree_icons.png) no-repeat -208px 0;
    overflow: hidden;
}

/* 条目图标(叶子节点) */
.file {
    background: url(../images/tree_icons.png) no-repeat -240px 0;
    overflow: hidden;
}

/* 条目文字 */
.text {
    width: 100%;
    height: 20px;
    display: inline-block;
    font-size: 15px;
    margin-left: 10px;
}